@charset "utf-8";
.w-c { width: 1200px; margin-top: -84px; margin-top: ; height: 80px; background: rgba(223,133,40,0.95);  }
.w-c li { background: rgba(245,224,202,0.9); height: 80px; position: relative; box-sizing: border-box; padding: 17px 16px; float: left;  }
.w-c li h2 { font-size: 18px; color: #333333; }
.w-c li p { font-size: 16px; color: #666666; }
.w-c li:nth-child(1):after { content:''; width: 1px; height: 60px; background: #999; position: absolute; right: 0; top: 50%; margin-top: -30px; }
.w-c li:nth-child(3) { background: url(bg.png) no-repeat left center rgba(223,133,40,0.95); padding-left: 120px; }
.w-c li h3 { font-size: 18px; color: #fff; }
.w-c li span { font-size: 16px; color: #fff; }


.w-d { margin-top: 30px; }
.w-d-a { font-size: 18px; color: #fff; box-sizing: border-box; text-align: center; padding-top: 193px; width: 212px; height: 236px; float: left; background: url(tit.png) no-repeat center; }
.w-d-b { padding: 36px 30px; width: 988px; height: 236px; box-sizing: border-box; float: left; border: 1px solid #ededed; }
.w-d-b p { font-size: 16px; color: #333; text-indent: 2em; line-height: 33px; }
.w-d-b .more {position: relative; display: block; width: 240px; height: 40px; background: #e98b2a; font-size: 18px; color: #fff; margin: 20px auto 0; text-align: center; line-height: 40px; }
.w-d-b .more:after { width: 240px; height: 12px; content:''; background: url(morebg.png) no-repeat center; position: absolute; left: 0; bottom: -12px; }

.w-e { margin-top: 60px; }
.w-e-a { text-align: center; }
.w-e-a p { font-size: 24px; color: #666666; }
.w-e-a h2 { font-size: 36px; color: #333; font-family: 'SimSun','Microsoft YaHei'; }
.w-e-a h2 i { color: #e98b2a; }
.w-e-a span { display: block; font-size: 20px; color: #666666; text-transform: uppercase; }
.w-e-b { margin-top: 45px; width: 100%; background: url(bg5.png) no-repeat center top; }
.w-e-c { float: left; width: 360px; }
.w-e-d { box-sizing: border-box; padding-top: 35px; width: 100%; height: 120px; background: url(bg3.png) no-repeat center; text-align: center; color: #fff; }
.w-e-d h2 { font-size: 24px;  }
.w-e-d p { font-size: 14px; text-transform: uppercase; }
.w-e-e { width: 100%; box-sizing: border-box; padding: 23px; border: 2px solid #e5d6c8; border-top: none;}
.w-e-e dt { float: left; width: 100%; margin-bottom: 10px; font-size: 16px; color: #543f32; font-weight: bold; position: relative; width: 305px; height: 48px; line-height: 48px; background: url(bg4.png) no-repeat center; box-sizing: border-box; padding-left: 45px; }
.w-e-e dt:after { content: ''; height: 48px; width: 30px; background: url(bg1.png) no-repeat right center; position: absolute; left: 0; top: 0; }
.w-e-e dd { font-size: 14px; color: #333333; padding-left: 10px; float: left; width: 50%; height: 41px; box-sizing: border-box; border-bottom: 2px dashed #d6d6d6; line-height: 40px; }
.w-e-e dd a { color: #333333; }
.w-e-e dd:hover,.w-e-e dd:hover a,.w-e-e dd.on,.w-e-e dd.on a { color: #e98b2a; }
.w-e-e .sign { margin-top: 23px; }
.w-e-f { background: #fff; float: right; width: 760px; margin-right: 20px; padding-top: 8px;}
.w-e-g { box-sizing: border-box; width: 100%; border: 1px solid #e9e9e9;  }
.w-e-gl { float: left; width: 239px; height: 278px; box-sizing: border-box; border-right: 1px solid #e9e9e9; }
.w-e-gr { float: left; width: 500px; margin-left: 15px; float: left;}
.w-e-gr h2 { position: relative; font-size: 20px; color: #e98b2a; padding: 15px 0 10px; width: 425px; border-bottom: 1px solid #d1d1d1; }
.w-e-gr h2:after { content:''; width: 36px; height: 3px; background: #333333; position: absolute; left: 0; bottom: -2px; }
.w-e-gr dl { margin-top: 10px; }
.w-e-gr dd { font-size: 14px; color: #333333; line-height: 28px; }
.w-e-gr dd span { color: #e98b2a; }
.w-e-h { margin-top: 20px; }
.w-e-h dd { margin-right: 7px; float: left; width: 184px; }
.w-e-h dd:last-child{ margin-right: 0; }
.w-e-h dd a { display: block; width: 100%; }
.w-e-h dd a img { border: 1px solid #ebebeb; border-bottom: none; }
.w-e-h dd a span { display: block; width: 100%; height: 30px; line-height: 30px; background: #e98b2a; text-align: center; font-size: 14px; color: #fff; }
.w-e-h .more,.w-e-h .cont { margin-top: 20px; display: inline-block; font-size: 16px; color: #543f32; width: 162px; height: 40px; text-align: center; line-height: 40px; background: url(bg6.png) no-repeat center; }
.w-e-h .more { margin-left: 165px; }
.w-e-h .cont { margin-left: 100px; }

.w-f {  width: 100%; background: #fef5ed; padding: 40px 0 60px; margin-top: 60px;}
.w-f-a { box-sizing: border-box; padding: 17px 15px; margin-top: 25px; width: 1200px; height: 367px; background: url(bg7.png) no-repeat center; }
.w-f-b { float: left; width: 550px;  }
.w-f-b li { float: left; width: 260px; overflow: hidden; box-sizing: border-box; height: 160px; border: 3px solid #f4cba2; margin: 0 15px 15px 0;  }
.w-f-b li img { transition: all 0.5s; }
.w-f-b li:hover img { transform: scale(1.2); }
.w-f-c { width: 600px;  float: right; }
.w-f-c ul { margin-bottom: 30px; }
.w-f-c li { float: left; width: 300px; font-size: 16px; color: #fff; line-height: 30px;  }
.w-f-c h2 { color: #fff;font-size: 20px; margin-bottom: 10px; }
.w-f-c p { font-size: 16px; color: #fff; line-height: 30px; }

.w-f-c .more,.w-f-c .cont { margin-top: 30px; font-size: 16px; color: #333; display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 2px; background: #fff;}
.w-f-c .more { margin-right: 50px; }

.w-f-g { width: 100%; height: 170px; background: url(tit1.jpg) no-repeat center; box-sizing: border-box;  }
.w-f-h { padding-top: 40px; float: right; width: 320px; }
.w-f-h p { font-size: 16px; color: #fff; height: 38px; line-height: 38px; }
.w-f-h p span { display: inline-block; width: 108px; height: 38px; line-height: 38px; text-align: center; border-radius: 5px; margin-right: 10px; background: #fff; font-size: 20px; color: #e98b2a; }
.w-f-h h2 { font-size: 36px; color: #fff; margin-top: 5px; }

/*优势*/

.w-f-i { width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-top:65px;  }
.wf { margin-top: 25px; width: 100%; height: 1080px; background: url(bgbg.png) no-repeat center; }
.wfa { float: left; margin-left: 230px; width: 480px; }
.wfa h2 { font-size: 20px; margin-bottom: 20px; color: #000; font-weight: normal; width: 100%; padding: 50px 0 10px; border-bottom: 1px solid #000; }
.wfa p { margin-bottom: 10px; font-size: 14px; color: #444444; line-height: 24px; background: url(bg1.png) no-repeat left 3px; padding-left: 35px; }
.wfb { float: right; padding-top: 50px; }
.wfd { float: left; }
.wfe { float: right; width: 480px; }
.wfe h2 { font-size: 20px; margin-bottom: 20px; color: #000; font-weight: normal; width: 100%; padding: 50px 0 10px; border-bottom: 1px solid #000; }
.wfe p { margin-bottom: 10px; font-size: 14px; color: #444444; line-height: 24px; background: url(bg1.png) no-repeat left 3px; padding-left: 35px; }
.wff { margin-top: 40px; }
.wfg { float: left; }
.wfh { float: right; width: 480px; }
.wfh h2 { font-size: 20px; margin-bottom: 20px; color: #000; font-weight: normal; width: 100%; padding: 20px 0 10px; border-bottom: 1px solid #000; }
.wfh p { margin-bottom: 10px; font-size: 14px; color: #444444; line-height: 24px; background: url(bg1.png) no-repeat left 3px; padding-left: 35px; }


.w-g { margin-top: 60px; }
.w-g-a { margin-top: 40px; position: relative; }
.w-g-a .prev { display: block; background: url(prev.png) no-repeat center; left: -80px; width: 47px; height: 90px; top: 50%; margin-top: -45px; position: absolute;}
.w-g-a .next { display: block; background: url(next.png) no-repeat center; right: -80px; width: 47px; height: 90px; top: 50%; margin-top: -45px; position: absolute;}
.w-g-b { margin-top: 40px; }
.w-g-b h2 { font-size: 32px; color: #e98b2a; font-weight: normal; text-align: center; }
.w-g-b p { font-size: 16px; color: #855b32; text-align: center; }
.w-g-b ul { margin-top: 40px; }
.w-g-b li { float: left; width: 300px; text-align: center; box-sizing: border-box; padding: 0 25px; }
.w-g-b span, .w-g-b i { display: block; }
.w-g-b span { font-size: 22px; color: #333; margin-top: 15px; }
.w-g-b i { font-size: 14px; color:#666666; margin-top: 5PX;}
.w-h { margin-top: 60px; }
.w-h-a { margin-top: 45px; position: relative; }
.w-h-b { float: left; width: 400px; height: 540px; overflow: hidden; position: relative; }
.w-h-c { width: 790px; height: 540px; float: right; }
.w-h-d { box-sizing: border-box; text-align: center;padding-top:210px; width: 100%; height: 100%; position: absolute; left:0;top: 0; background: url(title.png) no-repeat center top rgba(0,0,0,0.8); }
.w-h-d h2 { font-size: 24px; color: #eebe94; font-weight: normal; margin-bottom: 15px; }
.w-h-d p{ font-size: 30px; color: #fff; }
.w-h-d a { margin: 50px 24px 0; display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 3px; font-size: 16px; color: #333333; }

.w-h-a .hd { width: 350px; position: absolute; top: 45px; right: 0; }
.w-h-a .hd li { cursor: pointer; float: right; transition: all 0.5s; margin-bottom: 2px; padding: 26px 0; width: 300px; box-sizing: border-box; padding-left: 70px; background: url(whabg.png) no-repeat 20px center rgba(0,0,0,0.7); }
.w-h-a .hd li p { font-size: 20px; color: #fff; }
.w-h-a .hd li span { font-size: 12px; color: #fff; text-transform: uppercase; }
.w-h-a .hd li:hover,.w-h-a .hd li.on{ border-bottom-left-radius: 46px; border-top-left-radius: 46px; width: 340px; background: url(whabg.png) no-repeat 28px center rgba(233,139,42,0.7); }






.w-i { margin-top: 60px; }
.w-i-a { width: 1090px; margin: 45px auto 0; position: relative; }
.w-i-a li { border: 1px solid #e1e1e1; width: 260px; height: 120px; float: left; margin-right: 14px; }
.w-i-a .prev { background: url(prev2.png) no-repeat center; left: -30px; display: block; width: 20px; height: 40px; top: 50%; margin-top: -20px; position: absolute; }
.w-i-a .next { background: url(next2.png) no-repeat center; right: -30px; display: block; width: 20px; height: 40px; top: 50%; margin-top: -20px; position: absolute; }
.w-j { margin-top: 60px; width: 100%; padding: 40px 0 60px; background: #fef5ed; }
.w-j-a { margin-top: 25px; position: relative; left: 50%; margin-left: -960px; width: 1920px; }
.w-k { margin-top: 45px; }
.w-k-a { float: left; width: 820px; padding-bottom: 40px; border: 1px solid #ededed; box-sizing: border-box; }
.w-k-b { padding-left: 30px; font-size: 20px; color: #444; font-weight: bold; height: 68px; line-height: 68px; box-sizing: border-box; border-bottom: 1px solid #ededed; }
.w-k-b a { display: block;float: right; width: 92px; text-align: center; border-left: 1px solid #ededed; font-size: 14px; color: #919191; }
.w-k-c { padding: 30px 25px 0 30px; }
.w-k-d { float: left; width: 260px; padding-bottom: 30px; border-bottom: 1px solid #ededed;}
.w-k-d .pic { overflow: hidden; display: block; width: 260px; height: 180px; }
.w-k-d .pic img { transition: all 0.5s; }
.w-k-d .pic:hover img { transform: scale(1.2); }
.w-k-d .tit { display: block; font-size: 14px; color: #444444; font-weight: bold; padding: 18px 0; }
.w-k-d p { font-size: 12px; color: #444; line-height: 24px; }
.w-k-d .more { display: block; width: 106px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: #e98b2a; margin-top: 15px; }
.w-k-e { float: right; width: 456px; }
.w-k-e li { padding-bottom: 20px; border-bottom: 1px solid #ededed; margin-bottom: 23px; }
.w-k-e li .pic { overflow: hidden; float: left; width: 130px; height: 90px; display: block; }
.w-k-e .pic img { transition: all 0.5s; }
.w-k-e .pic:hover img { transform: scale(1.2); }
.w-k-f { width: 300px; float: right; }
.w-k-f .tit { font-size: 14px; color: #444; font-weight: bold; }
.w-k-f p { font-size: 12px; color: #444444; line-height: 24px; margin-top: 5px; }
.w-k-f span { color: #919191; font-size: 12px; line-height: 12px; }

.w-k-g {height: 542px; width: 360px; float: right; padding-bottom: 44px; border: 1px solid #ededed; box-sizing: border-box; }
.w-k-h { padding: 25px 25px 0px 30px; }
.w-k-h li { padding-bottom: 11px; border-bottom: 1px solid #ededed; margin-bottom: 14px; }
.w-k-h li .tit { display: block; height: 20px; line-height: 20px; font-size: 14px; color: #444; font-weight: bold; padding-left: 35px; 	background: url(q.png) no-repeat left center; }
.w-k-h li p { font-size: 12px; color: #444444; line-height: 24px; margin-top: 8px; padding-left: 35px; background: url(a.png) no-repeat left 2px; }